<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>我的朋友圈</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="css/mui.min.css" rel="stylesheet" />
        <!--主要覆盖mui.css的px大小-->
        <link href="css/common.css" rel="stylesheet" />
        <!--控制 字体大小 rem iphone6下 以20px为准-->
        <script src="js/initsize.js"></script>
        <link rel="stylesheet" type="text/css" href="css/css.css"/>
    </head>
    <body class="circlefriends myfriends">
        <header class="header-color mui-bar mui-bar-nav">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
            <h1 class="mui-title mui-title-box"></h1>
            <a class="icon-right mui-icon-right-nav mui-pull-right"></a>
        </header>
        <ul class="menu-click menu-click1">
            <li class="menu-click-text black">屏蔽朋友圈</li>
        </ul>
        <ul class="menu-click menu-click2">
            <li class="menu-click-text complains">举报</li>
            <li class="menu-click-text black">屏蔽朋友圈</li>
            <li class="menu-click-text save-this">保存</li>
        </ul>
        <ul class="menu-click menu-click3">
            <li class="menu-click-text delect-this">删除这条朋友圈</li>
            <li class="menu-click-text save-this">保存</li>
        </ul>
        <ul class="table-view table-view2">
            <li class="table-view-cell">
                <p class="title-p">举报</p>
                <a class="table-view-cell-a table-select" href="javascript:"><em class="ocheckbox"></em>广告、营销</a>
                <a class="table-view-cell-a table-select" href="javascript:"><em class="ocheckbox"></em>诈骗、托儿</a>
                <a class="table-view-cell-a table-select" href="javascript:"><em class="ocheckbox"></em>色情低俗</a>
                <a class="table-view-cell-a table-select" href="javascript:"><em class="ocheckbox"></em>恶意骚扰、不文明行为</a>
                <a class="table-view-cell-a table-select" href="javascript:"><em class="ocheckbox"></em>虚假信息</a>
                <a class="table-view-cell-a table-select" href="javascript:"><em class="ocheckbox"></em>其他</a>
            </li>
            <li class="table-view-cell"><a class="table-view-cell-a table-view-cell-cancel" >取消</a><a class="table-view-cell-a table-view-cell-cancel sure" >确定</a></li>
        </ul>
        <div class="mui-content">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <!--这里放置真实显示的DOM内容-->
                    <div class="title-header">
                        <div class="title-bg"></div>
                        <div class="user-inf">
                            <div class="my-img-box"><img class="my-img" src="" onerror="javascript:this.src='images/myimg.jpg'" /></div>
                            <span class="my-name"></span>
                        </div>
                    </div>
                    <ul class="main">
                    </ul>
                </div>
            </div>
            <ul class="table-view table-view3">
                <li class="table-view-cell">
                    <a class="table-view-cell-a" href="friendpicture.html">选择照片</a>
                    <a class="table-view-cell-a" href="friendpicture.html?that=v">选择视频</a>
                </li>
                <li class="table-view-cell"><a class="table-view-cell-a table-view-cell-cancel" Z>取消</a></li>
            </ul>
            <div class="popover"></div>
        </div>
        <div class="popover-img"></div>
        <div class="circlefriendsimg">
            <header class="header-color mui-bar mui-bar-nav">
                <a class="mui-action-return mui-icon mui-icon-left-nav mui-pull-left"></a>
                <h1 class="mui-title"></h1>
                <a class="header-menu mui-icon-right-nav mui-pull-right"></a>
            </header>
            <div id="slider" class="mui-slider" >
              <div class="mui-slider-group"></div>
            </div>
            <footer class="friendsimg-footer">
                <div class="footer-text"></div>
                <div class="ft-bottom">
                    <button class="btn-talk btn-link"><i class="talk">私密评论</i></button>
                    <button class="btn-like"><i class="like">点赞</i></button>
                    <a class="btn-i btn-link">
                        <i class="i-talk comment-nums"></i>
                        <i class="i-like like-nums"></i>
                    </a>
                </div>
            </footer>
        </div>
        <script src="js/mui.min.js "></script>
        <script src="js/jquery2.1.0.min.js "></script>
        <!--通用JS，我封装了一些实用JS-->
        <script src="js/common.js"></script>
        <script src="js/config.js"></script>
        <script src="js/myfriends.js" ></script>
    </body>
</html>